/*在此处修改element 样式*/
//@forward 'element-plus/theme-chalk/src/common/var.scss' with (
//    $colors: (
//      'primary': (
//        'base': #333333,
//      ),
//  ),
//);
//@import "./var.scss";
//@import "./format.scss";
//@import "./animation.scss";
//@import "./mixins/x.scss";

$white: #fff;
$color: #409eff;
$baseBg: #f0f2f5;
$menuText: #bfcbd9;
$menuActiveText: #409eff;
$subMenuActiveText: #f4f4f5;
$menuBg: #304156;
$menuHover: #263445;
$subMenuBg: #1f2d3d;
$subMenuHover: #001528;
$sideBarWidth: 210px;
$breadcrumbColor: #97a8be;

.app-icon-hover {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 50px;
  &:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.025);
  }
  i {
    font-size: 20px;
    color: #666;
  }
}

// 过度
.Z-transition {
  transition: all 0.4s;
}

.Z-transition-quick {
  transition: all 0.2s;
}

.Z-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.Z-flex-items-center {
  display: flex;
  align-items: center;
  text-align: center;
}

.Z-flex-no-wrap {
  flex-wrap: nowrap !important;
}

.Z-absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

// cursor 小手
.Z-cursor-pointer {
  cursor: pointer;
}

// IE盒模型
.Z-boderbox {
  box-sizing: border-box;
}

// 毛玻璃
.Z-background-filter {
}

// 毛玻璃
.Z-background-filter-shallow {
}

// 边框圆角
.Z-border-radius {
  overflow: hidden;
}

// 背景斑点需配合 @mixin background-image 使用
.Z-point-bg {
  background-size: 15px 15px, 15px 15px;
}

// 省略号
.Z-ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

// class:m-1 => margin：1em
// class:mt-1 => margin-top：1em
// m-0|mt-0|mx-0|my-0|p-0|pt-0|...


.Z-d-inline-block {
  display: inline-block;
}
.Z-d-block {
  display: block;
}


.closeBtn {
  position: absolute;
  left: 50%;
  top: 60%;
  margin-left: -100px;
  width: 200px;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  background-color: #ef622e;
  border-radius: 3px;
  border: none;
  font-size: 18px;
  color: #eaeaea;
  letter-spacing: 10px;

  &:hover {
    box-shadow: 0px 0px 5px 5px rgba(239, 98, 46, 0.5);
  }
}
